<template>
	<view>
		<u-navbar title="评价"></u-navbar>
		
		<view class="container">
			<view class="top">
				<view class="item">
					<view class="title">商品描述</view>
					<u-rate :count="count" v-model="Onevalue" 
					active-color="#FE5900" 
					inactive-color="#B8B8B8"
					min-count="1"
					></u-rate>
				</view>
				<view class="item" style="margin: 32upx 0;">
					<view class="title">商品描述</view>
					<u-rate :count="count" v-model="Twovalue" 
					active-color="#FE5900" 
					inactive-color="#B8B8B8"
					min-count="1"
					></u-rate>
				</view>
				<view class="item">
					<view class="title">商品描述</view>
					<u-rate :count="count" v-model="Threevalue" 
					active-color="#FE5900" 
					inactive-color="#B8B8B8"
					min-count="1"
					></u-rate>
				</view>
			</view>
			
			<view class="mid">
				 <textarea placeholder-style="color:#CECECE" placeholder="在这里可以对商品进行描述.........."/>
				 <image src="../../static/img/avtr.png" mode=""></image>
			</view>
		</view>
		
		<button type="default" class="btn">评价</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				Onevalue:'',
				Twovalue:'',
				Threevalue:'',
				count:5
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
@import './index.scss';
</style>
